var DataGrid = {
	page: function(cid, i) {	
		$('#'+ cid).addClass('loading').find('> div.content').load(
			document.location.href, 
			{csemode: 'ajax', component: cid, page: i}, 
			function() { 
				$('#'+ cid).removeClass('loading');
			}
		);		
	}
};

var TabbedPane = {
	tab: function(cid, tid, i) {
		$('#'+ cid).addClass('loading').find('> div.content').load(
			document.location.href, 
			{csemode: 'ajax', component: tid}, 
			function() { 
				$('#'+ cid +' > ul.tabslist > li > span').removeClass('active');
				$('#'+ cid +' > ul.tabslist > li:nth-child('+ (i+1) +') >  span').addClass('active');
				$('#'+ cid).removeClass('loading');
			}
		);
	}
}